<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../js/dropdown.js"></script>
<link rel="stylesheet" href="../css/dropdown.css" type="text/css" />

<link rel="icon" href="../ico/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="../ico/favicon.ico" type="image/x-icon"/>

<link rel="stylesheet" type="text/css" href="../css/css.css">
<link rel="stylesheet" type="text/css" href="../css/smoothness/jquery-ui-1.7.2.custom.css"/>

<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="../js/jquery.bgiframe.js"></script>
<script type="text/javascript" src="../js/jquery.checkboxtree.js"></script>
<script language="javascript">
var $j = jQuery.noConflict();
</script>
<script language="javascript">	
$j(document).ready(function() {
	$j(".date").datepicker({
							showOn: 'button', 
							buttonImage: '../images/icons/i_calendar.gif', 
							buttonImageOnly: true, 
							dateFormat: 'dd/mm/yy',
							duration: 'fast'
		});
	

		$j("#f2zoomDialog").dialog({ autoOpen: false, 
							bgiframe: true,
							width: 500,
							closeOnEscape: true
							/*buttons: {
								Ok: function () {$(this).dialog("close");}
							}*/
		});
	
	$j("#f2zoomBtn").click(function() {
		$j("#f2zoomDialog")
			.dialog( 'open' )
			.parents(".ui-dialog")
			.find(".ui-dialog-titlebar")
			.removeClass("ui-widget-header ui-corner-all")
			.addClass("f2zoomClose")
			;
			
	});			
	
	$j("#popupDIV").dialog({ 
								autoOpen: false, 
								bgiframe: true,
								modal: true,
								minWidth: 300,
								buttons: {
									Ok: function() {
										$j(this).dialog('close');
								}
							}
						
			});
		
		$j("#popupDIVBtn").click(function() {
			$j("#popupDIV")
				.dialog( 'open' )		
				.parents(".ui-dialog")
				.find(".ui-dialog-titlebar")
				.removeClass("ui-widget-header ui-corner-all")		
		});
	
	$j("input[name='nameTypeRadio']").click(function() {
		switch(this.value){ 
				case "FirstLast":
				$j('#nametypeFirstLast').show();
	 			$j('#nametypePeternalMeternal').hide();
	  			$j('#nametypeCompany').hide();
			break;    
			case "PeternalMeternal":
				$j('#nametypeFirstLast').hide();
	 			$j('#nametypePeternalMeternal').show();
	  			$j('#nametypeCompany').hide();
			break;    
			case "Company":
				$j('#nametypeFirstLast').hide();
	 			$j('#nametypePeternalMeternal').hide();
	  			$j('#nametypeCompany').show();
			  break;
			default:
			}
	});
	
		$j(".unorderedlisttree").checkboxTree({
					collapsedarrow: "../images/plus.gif",
					expandedarrow: "../images/minus.gif",
					blankarrow: "../images/checkboxtree/img-arrow-blank.gif",
					checkchildren: true
			});
	});
	
</script>

<title>Manual Correction Application</title>
</head>

<body class="body-page-holder">

<div class="page-holder">
<div id="page">

            <div id="header">
            <table border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td colspan="3"><strong>Welcome admin!</strong></td>
            </tr>
          <tr>
            <td id="userAccount">Sarun Phoolkate</td>
            <td id="timeStamp"><%= new java.util.Date() %></td>
            <td id="logout"><a href="../index.jsp">Logout</a></td>
          </tr>
        </table>           
            </div>